<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/preferred.css">
		<link rel="stylesheet" href="./css/reset.css">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="title">
			<span class="name">本家</span>
		</div>
		<div class="color-grey">
			<div class="goods">
				<img src="./img/preferred/01.jpg" alt="">
			</div>
			<ul class="nav">
				<li>
					<img src="./img/preferred/11.jpg" alt="">
					<p>本家推荐</p>
				</li>
				<li>
					<img src="./img/preferred/12.jpg" alt="">
					<p>挑选师推荐</p>
				</li>
				<li>
					<img src="./img/preferred/13.jpg" alt="">
					<p>私物推荐</p>
				</li>
				<li>
					<img src="./img/preferred/14.jpg" alt="">
					<p>本家LOOK</p>
				</li>
			</ul>
			
			<div class="title-list">
				<p class="title-name">本家甄选</p>
				<div class="light">
					<img src="./img/preferred/03.jpg" alt="">
					<p class="light-discript">叠韵滤光器，氛围造型大师</p>
					<p class="light-explain">光笼，来自斯德哥尔摩的光晕礼赞</p>
				</div>
				<div class="hot-goods">
					<div>
						<p class="goods-discript">编织底双色鞋子 多色可选</p>
						<p class="goods-explain">透气性好，时尚感强</p>
					</div>
					<div class="goods">
						<img src="./img/preferred/15.jpg" alt="">
					</div>
				</div>
				<div class="hot-goods">
					<div>
						<p class="goods-discript">炻瓷储物罐系列</p>
						<p class="goods-explain">避光密封 坚韧耐摔 多道工序 匠心制作 拥有更久的赏味期限</p>
					</div>
					<div class="goods">
						<img src="./img/preferred/16.gif" alt="">
					</div>
				</div>
			</div>
			<div class="talk">
				<p class="time">十点一刻</p>
				<div class="information">
					<div class="today-talk">
						<div class="line"></div>
						<div class="say">今日话题</div>
						<div class="line"></div>
					</div>
					<div class="important">一念之间的重要性</div>
					<p class="moment">有没有哪个瞬间的念头，改变你一段时间的
						生活轨迹？</p>
				</div>
			</div>
			<div class="title-list">
				<p class="title-name">本家推荐</p>
				<div class="light">
					<img src="./img/preferred/31.jpg" alt="">
					<p class="light-discript">夏季出游必备</p>
					<p class="light-explain">舒心出行，本家为你推荐的5个tips不能忘</p>
				</div>
			</div>
			<div class="title-list">
				<p class="title-name">本家LOOK</p>
			</div>
			<div class="look-list">
				<div class="clothes">
					<div class="clothes-all">
						<img src="./img/preferred/33.jpg" alt="">
					</div>
					<div class="clothes-second">
						<img src="./img/preferred/36.jpg" alt="">
						<img src="./img/preferred/37.jpg" alt="">
					</div>
				</div>
				<p class="clothes-discript">给牛仔加点火山岩</p>
			</div>
			<div class="look-list">
				<div class="clothes">
					<div class="clothes-all">
						<img src="./img/preferred/32.jpg" alt="">
					</div>
					<div class="clothes-second">
						<img src="./img/preferred/39.jpg" alt="">
						<img src="./img/preferred/38.jpg" alt="">
					</div>
				</div>
				<p class="clothes-discript">婚纱拍照必看功课</p>
			</div>			
			<div class="look-list">
				<div class="clothes">
					<div class="clothes-all">
						<img class="other" src="./img/preferred/34.jpg" alt="">
					</div>	
				</div>
				<p class="clothes-discript">夏天的清凉，多亏了这抹茶绿</p>
			</div>
			<div class="look-list">
				<div class="clothes">
					<div class="clothes-all">
						<img src="./img/preferred/61.jpg" alt="">
					</div>
					<div class="clothes-second">
						<img src="./img/preferred/64.jpg" alt="">
						<img src="./img/preferred/65.jpg" alt="">
					</div>
				</div>
				<p class="clothes-discript">你的厨房只是少了它</p>
			</div>	
			<div class="look-list">
				<div class="clothes">
					<div class="clothes-all">
						<img class="other" src="./img/preferred/62.jpg" alt="">
					</div>	
				</div>
				<p class="clothes-discript">家的精致主义</p>
			</div>
			<div class="look-list">
				<div class="clothes">
					<div class="clothes-all">
						<img class="other" src="./img/preferred/63.jpg" alt="">
					</div>	
				</div>
				<p class="clothes-discript">收纳，让小家越住越大</p>
			</div>
			<ul class="footer">
				<li>
					<img src="./img/preferred/71.png" alt="">
					<div>首页</div>
				</li>
				<li>
					<img src="./img/preferred/72.png" alt="">
					<div>优选</div>
				</li>
				<li>
					<img src="./img/preferred/73.png" alt="">
					<div>分类</div>
				</li>
				<li>
					<img src="./img/preferred/74.png" alt="">
					<div>购物车</div>
				</li>
				<li>
					<img src="./img/preferred/75.png" alt="">
					<div>我的</div>
				</li>
			</ul>
			<div class="return">
				<img src="./img/preferred/shangjiantou.png" alt="">
			</div>
		</div>
	</body>
</html>
